const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,

  //devServer的配置(支持所有的devServer的配置项)
  devServer: {
    host: "127.0.0.1", //主机地址
    port: 8080, //端口号
    open: true, //自动打开浏览器
    proxy: {
      "/api1": {
        //目标地址
        target: "http://gmall-h5-api.atguigu.cn/",
        //因为多了一个前缀,所以要替换掉这个前缀
        pathRewrite: {
          "^/api1": "",
        },
        //把自己的请求伪装成目标服务器地址(防止目标服务器不让其他地址请求)
        changeOrigin: true,
      },
      //可以配置多个目标服务器地址
      "/api2": {
        //目标地址
        target: "http://gmall-h5-api.atguigu.cn/",
      },
    },
  },

  //控制eslint是否在开发环境下每次保存时 lint 代码
  lintOnSave: true,

  //如果这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中
  configureWebpack: {
    resolve: {
      //别名配置
      alias: {
        "@comp": "@/components",
      },
    },
  },
});
